<template>
  <div id="farmHouseXC">
    <div class="grid">
      <div v-for="item in imageList" :key="item">
        <img width="144" :src="item.img" alt="">
        <div style="text-align:center">
          <span>{{item.msg}}</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      imageList: [
        {
          img: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/NFTJ/组 52.png',
          msg: '美丽宜居示范存-xx'
        },
        {
          img: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/NFTJ/组 52.png',
          msg: '美丽宜居示范存-xx'
        },
        {
          img: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/NFTJ/组 52.png',
          msg: '美丽宜居示范存-xx'
        },
        {
          img: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/NFTJ/组 52.png',
          msg: '美丽宜居示范存-xx'
        }
      ]
    }

  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
#farmHouseXC {
  overflow: auto;
  background: #ffffff;
  font-size: 14px;
  padding: 10px 10px 10px 0;
  .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}
</style>
